<template>
  <div class="line-through-price">{{ text }}</div>
</template>

<script setup>
defineProps({
  text: String,
});
</script>

<style scoped>
.line-through-price {
  font-family:
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    Roboto,
    Oxygen,
    Ubuntu,
    Cantarell,
    "Open Sans",
    "Helvetica Neue",
    sans-serif;
  font-weight: 500;
  font-size: 14px;

  color: rgb(255, 255, 255, 0.6);
  text-decoration: line-through;
  text-decoration-thickness: 2px;
  text-decoration-color: #7729f7;
  flex-shrink: 0;
}
</style>
